<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>传承教育</title>
    <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/index.css?v=2020080911">
</head>

<body>
    <!-- banner -->
    <div class="banner container">
        <img onclick="go()" src="./assets/images/banner.jpg" alt="">
    </div>
    <!-- section-01 -->
    <div class="section-01 container">
        <h2 class="title">
            为什么要<span class="text-red">提升学历</span>
        </h2>
        <p class="sub-title">高学历
            <span class="text-red">让您更具有竞争力</span>
            ,超越他人
        </p>
        <div class="row icon-group-01">
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-01.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-02.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-03.jpg" alt="">
            </div>
        </div>
        <div class="row icon-group-02">
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-01.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-02.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-03.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-04.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-05.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/click-06.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- section-02 -->
    <div class="section-02 container">
        <div class="title">
            <h2>
                您必须了解的
                <span class="text-red">学历报考相关问题</span>
            </h2>
            <p class="sub-title">
                学历一对一咨询,
                <span class="text-red">
                    更放心,更专业
                </span>
            </p>
        </div>
        <div class="row icon-q-group">
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-01.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-02.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-03.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-04.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-05.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-06.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-07.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/icon-q-08.jpg" alt="">
            </div>
        </div>
        <button onclick="go()" class="btn btn-primary btn-contact">咨询更多</button>
    </div>
    <!-- section-03 -->
    <div class="section-03 container">
        <h2 class="title">
            提升学历的<span class="text-red">四大形式</span>
        </h2>
        <div class="row">
            <div class="col-xs-6">
                <div class="type-item">
                    <img src="./assets/images/news-01.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h2>成人高考</h2>
                            <p>认知度高</p>
                            <p>报考无门槛</p>
                            <p>轻松入学</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-sm">成人高考咨询入口</button>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="type-item">
                    <img src="./assets/images/news-03.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h2>自学考试</h2>
                            <p>招生院校繁多</p>
                            <p>专业种类丰富</p>
                            <p>通过指数高</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-sm">自学考试咨询入口</button>
                    </div>

                </div>
            </div>
            <div class="col-xs-6">
                <div class="type-item">
                    <img src="./assets/images/news-02.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h2>网络教育</h2>
                            <p>线上教学</p>
                            <p>网络教学与时俱进</p>
                            <p>不受时间地域限制</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-sm">网络教育咨询入口</button>
                    </div>

                </div>
            </div>
            <div class="col-xs-6">
                <div class="type-item">
                    <img src="./assets/images/news-04.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h2>国家开放大学</h2>
                            <p>入学门槛低</p>
                            <p>没有入学考试</p>
                            <p>开放式教育形式</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-sm">开放大学咨询入口</button>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <!-- section-04 -->
    <div class="section-04 container">
        <h2 class="title">
            量身定制您的<span class="text-red">学历提升方案</span>
        </h2>
        <div class="row">
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-01.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-02.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-03.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-04.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-05.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/case-06.jpg" alt="">
            </div>
        </div>
        <button onclick="go()" class="btn btn-primary btn-case">选择适合您的学历提升方案</button>
    </div>
    <!-- section-05 表单 -->
    <div class="section-05 container">
        <h2 class="title">
            <span class="text-red">免费</span>
            获取您的
            <span class="text-red">学历提升方案</span>
        </h2>
        <div class="div">
            <div>
                <div class="form-group">
                    <input id="name" class="form-control" type="text" placeholder="姓名" />
                </div>
                <div class="form-group">
                    <input id="tel" class="form-control" type="text" placeholder="联系方式" />
                </div>
                <div class="form-group">
                    <select id="type" class="form-control">
                        <option value="">学历类型</option>
                        <option value="高起专">高起专</option>
                        <option value="高起本">高起本</option>
                        <option value="专升本">专升本</option>
                        <option value="专本套读">专本套读</option>
                        <option value="无学历升专科">无学历升专科</option>
                        <option value="无学历升本科">无学历升本科</option>
                    </select>
                    <!-- <input id="type" class="form-control" type="text" placeholder="类型" /> -->
                </div>
                <div class="form-group">
                    <button id="btn-submit" class="btn btn-primary btn-order">立即预约</button>
                </div>
            </div>
        </div>
    </div>
    <!-- section-06 -->
    <div class="section-06 container">
        <h2>2020热门报考学校展示</h2>
        <h2 class="text-red">学历提升报名进行中</h2>
        <p>
            <span class="text-red">985/211院校,多种热门专业</span>
            总有一所学校适合您!
        </p>
        <div class="row">
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/school-01.jpg" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/school-02.jpg" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/school-03.jpg" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/school-04.jpg" alt="">
            </div>
        </div>
        <div class="line-cross-text">
            <img onclick="go()" src="./assets/images/line-cross-text.jpg" alt="">
        </div>
        <button onclick="go()" class="btn btn-primary btn-contact">更多名校咨询</button>
    </div>
    <!-- section-07 -->
    <div class="section-07 container">
        <h2 class="title">
            报考学历提升,<span class="text-red">常见的问题</span>, 你了解吗?
        </h2>
        <ul class="list-group">
            <li>
                <img onclick="go()" src="./assets/images/btn-01.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-02.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-03.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-04.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-05.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-06.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-07.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-08.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-09.png" alt="">
            </li>
            <li>
                <img onclick="go()" src="./assets/images/btn-10.png" alt="">
            </li>
        </ul>
    </div>
    <!-- section-08 form -->
    <div class="section-08 container">
        <h2 class="title">
            您也可以留下
            <span class="text-red">
                联系方式
            </span>
            , 老师为您详细解答
        </h2>
        <div class="form">
            <div class="form-group">
                <input id="name1" type="text" placeholder="姓名" class="form-control" />
            </div>
            <div class="form-group">
                <input id="tel1" type="text" placeholder="联系方式" class="form-control" />
            </div>
            <div class="form-group">
                <button id="btn-submit1" class="btn btn-primary btn-contact">立即提交</button>
            </div>
        </div>
    </div>
    <!-- section-09 -->
    <div class="section-09 container">
        <h2 class="title">
            为什么
            <span class="text-red">选择</span>
            我们?
        </h2>
        <img onclick="go()" src="./assets/images/why-02-line.jpg" alt="">
    </div>
    <div class="footer container">
        <!-- <p>Copyright2020 &copy; 西安传诚教育 All Rights Reserved</p> -->
        <p>
            Copyright&copy;2020  西安传诚教育 All Rights Reserved
        </p>
        <p>
            地址：陕西省西安市碑林区长安北路大话南门壹中心17楼
        </p>
    </div>
    <!-- 固定定位 -->
    <div class="contact-bottom">
        <div class="row">
            <div class="col-xs-6 left">
                <a href="tel:029-85249905">电话咨询</a>
            </div>
            <div onclick="go()" class="col-xs-6 right">在线咨询</div>
        </div>
    </div>
    <div class="contact-right">
        <img onclick="go()" src="./assets/images/contact.gif" alt="">
    </div>
</body>
<script src="./assets/bootstrap/js/jquery.min.js"></script>
<script src="./assets/layer/layer.js"></script>
<script>
    // var _hmt = _hmt || [];
    // (function () {
    //     var hm = document.createElement("script");
    //     hm.src = "https://hm.baidu.com/hm.js?d6964a8d533b46a190f725dd6992be50";
    //     var s = document.getElementsByTagName("script")[0];
    //     s.parentNode.insertBefore(hm, s);
    // })();
</script>
<script>
    var url = './apis/index.php?c=custom&a=add';
    $(function () {

        $("#btn-submit").on('click', function () {
            var name = $("#name").val().trim();
            var tel = $("#tel").val().trim();
            var type = $("#type").val().trim();
            if (name == '' || tel == '' || type == '') {
                return layer.msg('请填写完整信息!');
            }
            if (!/^1[3456789]\d{9}$/.test(tel)) {
                return layer.msg('请填写有效的11位手机号码!!');
            }
            // layer.msg('信息提交成功!');
            $.post(url, {
                name: name,
                tel: tel,
                type: type
            }, function (res) {
                if (res.errcode == 0) {
                    layer.msg('信息提交成功!');
                    $("#name").val('');
                    $("#tel").val('');
                    $("#type").val('');
                }
            }, 'json');
        });

        $("#btn-submit1").on('click', function () {
            var name = $("#name1").val().trim();
            var tel = $("#tel1").val().trim();
            if (name == '' || tel == '') {
                return layer.msg('请填写完整信息!');
            } 
            if (!/^1[3456789]\d{9}$/.test(tel)) {
                return layer.msg('请填写有效的11位手机号码!!');
            }
            // layer.msg('信息提交成功!');
            $.post(url, {
                name: name,
                tel: tel,
                type: "暂无"
            }, function (res) {
                if (res.errcode == 0) {
                    layer.msg('信息提交成功!');
                    $("#name").val('');
                    $("#tel").val('');
                }
            }, 'json');
        });


    });

    function go() {
        var url =
            'http://p.qiao.baidu.com/cps/chat?siteId=15689946&userId=31033115&siteToken=d6964a8d533b46a190f725dd6992be50&cp=yxzt&cr=baidu&cw=';
        location.href = url;
    }
</script>

</html>